<template>
  <div class="scores">
    <i :class="{active: scoreNo > n}" v-for="n in 5" @touchstart="setScore(n + 1)">&#xe611;</i>
  </div>
</template>

<script>
  export default {
    name: 'score',
    props: {
      scoreNo: Number,
      disabled: Boolean
    },
    methods: {
      setScore (no) {
        if (!this.disabled) {
          this.scoreNo = no;
        }
      }
    }
  };
</script>